<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css 媒介类型</title>
    <style type="text/css">
        /*  css 属性允许
            媒介类型(Media Types)允许你定义以何种媒介来提交文档。文档可以被显示在显示器、纸媒介或者听觉浏览器等等。
        */

        /*
        个例子中的样式告知浏览器在显示器上显示 14 像素的 Verdana 字体。
        但是假如页面需要被打印，将使用 10 个像素的 Times 字体。
        注意：font-weight 被设置为粗体，不论显示器还是纸媒介：
        */
        @media screen {
            p.test{
                font-family: Verdana, Arial, Helvetica, "sans serif";
                font-size: 14px;
            }
        }

        @media print {
            p.test {font-family:times,serif; font-size:10px}
        }
        
        @media print,screen {
            p.test {font-weight:bold}
        }

        /*
        不同的媒介类型
        注释：媒介类型名称对大小写不敏感。

        媒介类型	描述
        all	用于所有的媒介设备。
        aural	用于语音和音频合成器。
        braille	用于盲人用点字法触觉回馈设备。
        embossed	用于分页的盲人用点字法打印机。
        handheld	用于小的手持的设备。
        print	用于打印机。
        projection	用于方案展示，比如幻灯片。
        screen	用于电脑显示器。
        tty	用于使用固定密度字母栅格的媒介，比如电传打字机和终端。
        tv	用于电视机类型的设备。
        */

    </style>
</head>
<body>

</body>
</html>